<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:ui="http://java.sun.com/jsf/facelets"
	  xmlns:h="http://java.sun.com/jsf/html"
	  xmlns:f="http://java.sun.com/jsf/core"
 	  xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich">

		<ui:composition template="/plantillas/comun.xhtml">
			<ui:define name="pageTitle">
				<h:outputText value="Proyectos - Vimeworks"/>
			</ui:define>
			<ui:define name="pageContent">
				<h:form style="width: 970px;">
					<h3>
						<h:outputText value="Creaci&#243;n de Proyectos"/>
					</h3>
					<h:panelGrid columns="3">
						<rich:panel header="Datos Generales del Proyecto" style="width: 470px; height: 260px;">
							<h:panelGrid columns="2">
								<h:outputText value="Nombre del Proyecto:" />
								<h:inputText value="#{creacionProyeto.nombreProyecto}" required="true" requiredMessage="El campo 'Nombre del Proyecto' es obligatorio"/>
								<h:outputText value="Descripci&#243;n:" />
								<h:inputTextarea value="#{creacionProyeto.descripcionProyecto}" rows="8" cols="40"/>
								<h:outputText value="Empresa:" />
								<rich:select value="#{creacionProyeto.empresa}" required="true" requiredMessage="El campo 'Empresa' es obligatorio">
									<f:selectItems value="#{creacionProyeto.listaEmpresas}" var="empresa" itemLabel="#{empresa.nombre}" itemValue="#{empresa.codigo}"/>
									<f:ajax event="selectitem" execute="@this" render="comboRecursos" listener="#{creacionProyeto.cambiarEmpresa}"></f:ajax>
								</rich:select>
								<h:outputText value="Contacto:" />
								<rich:select id="comboRecursos" value="#{creacionProyeto.recurso}" required="true" requiredMessage="El campo 'Contacto' es obligatorio">
									<f:selectItems value="#{creacionProyeto.listaRecursos}" var="itRecurso" itemLabel="#{itRecurso.nombre}" itemValue="#{itRecurso.codigo}"/>
								</rich:select>
								<!-- h:outputText value="Jefe de Proyecto:" />
								<rich:select value="#{creacionProyeto.jefeProyecto}" required="true" requiredMessage="El campo 'Jefe de Proyecto' es obligatorio">
									<f:selectItems value="#{creacionProyeto.listaJefes}" var="jefe" itemLabel="#{jefe.nombre} #{jefe.apellido}" itemValue="#{jefe.id}"/>
								</rich:select-->
							</h:panelGrid>
						</rich:panel>
						<h:outputText value="&#160;&#160;" />
						<h:panelGroup>
							<h:panelGroup style="width: 425px">
								<h:commandButton action="#{creacionProyeto.verTareas}" value="Ver Tareas" />
								<h:commandButton action="#{creacionProyeto.finalizarProyecto}" value="Finalizar Proyecto" />
								<h:commandButton action="#{creacionProyeto.eliminarProyecto}" value="Eliminar Proyecto" />
								<h:commandButton action="#{creacionProyeto.guardarProyecto}" value="Guardar Proyecto" style="float: right;"/>
							</h:panelGroup>
							<br/><br/>
							<rich:panel header="Fechas del Proyecto" style="width: 425px; height: 228px;">
								<h:panelGrid columns="2">
									<h:outputText value="Tipo:" />
									<rich:select value="#{creacionProyeto.tipoFechaSeleccionada}">
										<f:selectItems value="#{creacionProyeto.listaTiposFecha}" var="tipoFecha" itemLabel="#{tipoFecha.descripcion}" itemValue="#{tipoFecha.codigo}"/>
									</rich:select>
									<h:outputText value="Fecha:" />
									<h:panelGroup>
										<rich:calendar value="#{creacionProyeto.fechaSeleccionada}" datePattern="dd/MM/yyyy"/>
										<a4j:commandButton value="Agregar" action="#{creacionProyeto.agregarFecha}" render="tablaFechasProyecto, scrollFechasProyecto, mensajeValidacionFechas"/>
									</h:panelGroup>
								</h:panelGrid>
								<br/>
								<rich:message ajaxRendered="false" id="mensajeValidacionFechas"/>
								<rich:dataTable id="tablaFechasProyecto" style="width: 100%;" value="#{creacionProyeto.fechasProyecto}" var="fechaProyecto" noDataLabel="No se han ingresado fechas para el proyecto" rows="4">
									<rich:column>
										<f:facet name="header">
											<h:outputText value="Tipo" />
										</f:facet>
										<h:outputText value="#{fechaProyecto.tipoFechaProyecto.descripcion}" />
									</rich:column>
									<rich:column>
										<f:facet name="header">
											<h:outputText value="Fecha" />
										</f:facet>
										<h:outputText value="#{fechaProyecto.fecha}" />
									</rich:column>
									<rich:column>
										<f:facet name="header">
											
										</f:facet>
										<a4j:commandLink actionListener="#{creacionProyeto.eliminarFechaProyecto(fechaProyecto)}" onclick="return mostrarConfirmacion('Esta seguro que desea eliminar el la fecha?');" render="tablaFechasProyecto, scrollFechasProyecto, mensajeValidacionFechas">
											<h:graphicImage value="/images/remove.png"  width="20px" height="20px" title="Eliminar"/>
										</a4j:commandLink>
									</rich:column>
								</rich:dataTable>
								<rich:dataScroller id="scrollFechasProyecto" for="tablaFechasProyecto" maxPages="3"/>
							</rich:panel>
						</h:panelGroup>
					</h:panelGrid>
					<h:panelGroup id="panelEquiposTrabajo" >
						<br/>
						<rich:panel header="Equipos de Trabajo" style="width: 919px;">
							<br/>
							<h:panelGroup id="formularioNuevoEquipo">
								<h:panelGrid columns="3">
									<rich:panel id="panelRecursosDisponibles" style="width: 250px; height: 225px;">
										<f:facet name="header">
											<h:outputText value="Usuarios Disponibles" />
										</f:facet>
										<rich:dataTable id="tablaRecursosDisponibles" value="#{creacionProyeto.listaIntegrantesDisponibles}" var="recursoDisponible">
											<h:column>
												<a4j:outputPanel layout="block">
													<rich:dragSource dragValue="#{recursoDisponible}" type="recursoDD" dragIndicator="ind"/>										
													<h:outputText value="#{recursoDisponible.nombre} #{recursoDisponible.apellido}" />
												</a4j:outputPanel>
											</h:column>
										</rich:dataTable>
									</rich:panel>
									<h:outputText value="&#160;&#160;&#160;" />
									<rich:panel id="panelRecursosAsignados" style="width: 615px; height: 225px;">
										<f:facet name="header">
											<h:outputText value="Usuarios Seleccionados" />
										</f:facet>
										<rich:dropTarget dropListener="#{creacionProyeto.agregarRecursoSeleccionado}" acceptedTypes="recursoDD" render="panelRecursosDisponibles, tablaRecursosAsignados" />
										<rich:dataTable id="tablaRecursosAsignados" value="#{creacionProyeto.listaIntegrantesSeleccionados}" var="recursoAgregado" 
										                noDataLabel="Todavia no se han asignado recursos al proyecto">
											<h:column>
												<f:facet name="header">
													<h:outputText value="Nombre"/>
												</f:facet>
												<h:outputText value="#{recursoAgregado.usuario.nombre} #{recursoAgregado.usuario.apellido}" />
											</h:column>
											<h:column>
												<f:facet name="header">
													<h:outputText value="Rol"/>
												</f:facet>
												<rich:select value="#{recursoAgregado.rol.codigo}" required="true">
													<f:selectItems value="#{creacionProyeto.listaRoles}" var="rol" itemLabel="#{rol.nombre}" itemValue="#{rol.codigo}"/>
												</rich:select>
											</h:column>
											<h:column>
												<a4j:commandLink action="#{creacionProyeto.eliminarRecursoAsignado(recursoAgregado)}" render="panelRecursosDisponibles, tablaRecursosAsignados">
													<h:graphicImage value="/images/remove.png"  width="20px" height="20px" title="Eliminar"/>
												</a4j:commandLink>
											</h:column>
										</rich:dataTable>			
									</rich:panel>
								</h:panelGrid>
							</h:panelGroup>
						</rich:panel>
					</h:panelGroup>
					<br/>
					<h:panelGroup style="width: 425px; float: right; padding-right: 49px;">
						<h:commandButton action="#{creacionProyeto.verTareas}" value="Ver Tareas" />
						<h:commandButton action="#{creacionProyeto.finalizarProyecto}" value="Finalizar Proyecto" />
						<h:commandButton action="#{creacionProyeto.eliminarProyecto}" value="Eliminar Proyecto" />
						<h:commandButton action="#{creacionProyeto.guardarProyecto}" value="Guardar Proyecto" style="float: right;"/>
					</h:panelGroup>
				</h:form>
				<rich:dragIndicator id="ind" acceptClass="accept" rejectClass="reject" draggingClass="default">
			    	Colocar en seleccionados.
			    </rich:dragIndicator>
			    <!-- rich:popupPanel id="popupNuevoEquipo" modal="true" width="552" height="350"-->
			    
				<!-- /rich:popupPanel-->
			</ui:define>
		</ui:composition>
	
</html>